<template>
	<view>
		<view class="P_2">
			<view v-for="(item,index) in list" :key='index' class="bg_fff B_radius_5 P_2 relative MB_2">
				<view class="font_weight_bold">
					KSA锁仓(KSA)
				</view>
				<!-- <view class="absoluteTR color_fff P_1" 
				style="background-color: #d2d2d2;border-radius: 0 10px 0 10px;">
					已结束
				</view> -->
				
				<view class="PTB_2 flex_row_between">
					<view class="">
						<view class="color_up font_weight_bold fontS_18">
							{{item.rate}}%
						</view>
						<view class="fontS_10 color_gray PT_1">
							年化率
						</view>
					</view>
					
					<view class="">
						<view class="font_weight_bold fontS_18">
							{{item.day}}天
						</view>
						<view class="fontS_10 color_gray PT_1">
							锁仓期限
						</view>
					</view>
				</view>
				
				<view class="flex_row_between">
					<view class="color_gray">
						{{item.surplus}}/{{item.totalAmount}}
					</view>
					<view 
					@click="uOpenWin('./babyDet/babyDet?info='+JSON.stringify(item))"
					style="background-color: #d8dff8;" class="pub_color B_radius_5 PTB_1 PLR_3 fontS_10">
						查看详情
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[]
			}
		},
		onLoad() {
			this.getCycle()
		},
		methods: {
			getCycle(){
				let _this = this;
				this.$req('pledge/cycle',{},function(res){
					_this.list = res.data;
				})
			}
		}
	}
</script>

<style>

</style>
